<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./../css/reset.css">
    <link rel="stylesheet" href="./../css/gsproduct.css">
    <script src="./../js/flexible.js"></script>
    <script src="./../js/ajax.js"></script>
</head>
<body>
    <header id="header">
        <div class="back">
            <a href="#">
                <</a>
        </div>
        <div class="title">
            <h4>凑单品</h4>
        </div>
        <div class="app">
            <a href="">
                <img src="./../images/header_app.png" alt="">
            </a>
        </div>
    </header>
    <div class="cityNav">
        <div class="cityInfo">
            <div class="shop">
                <span id="active" class="s-shop">京东</span>
                <span class="s-shop">一号店</span>
                <span class="s-shop">天猫超市</span>
                <p class="s-shop">▼</p>
            </div>
            <div class="place">
                <span id="spanactive" class="spanbox">华北</span>
                <span class="spanbox">华东</span>
                <span class="spanbox">华中</span>
                <span class="spanbox">东北</span>
                <span class="spanbox">西北</span>
                <p class="spanbox">▼</p>
            </div>
            <div class="price">免费区</div>
        </div>
    </div>
    <div class="from">
        <ul class="infoB">
            <!-- <li data-shopid = '0'>京东</li>
            <li data-shopid = '1'>一号店</li>
            <li data-shopid = '2'>天猫超市</li> -->
        </ul>

        <ul class="show">
            <!-- <li data-areaid="0">华北（北京、山西等）</li>
            <li data-areaid="1">华东（山东、浙江等）</li>
            <li data-areaid="2">华南（广东、广西等）</li>
            <li data-areaid="3">华中（湖北、河南等）</li>
            <li data-areaid="5">东北（辽宁、吉林等）</li>
            <li data-areaid="6">西北（宁夏、新疆等）</li> -->
        </ul>
    </div>

    <section id="product">
        <ul class="info">
            <li>
                <a href="">
                    <div class="img"><img src="" alt=""></div>
                    <div class="title">
                        廿一客(21cake)专用餐具 1人份(不单独配送)
                    </div>
                    <p class="price">￥0.50</p>
                </a>
            </li>
        </ul>
    </section>
    <section id="footer">
        <div class="more">
            <a href="">
                更多优惠信息>>
            </a>
        </div>
        <div class="chart">
            <span class="chart_in fl">品牌排行</span>
            <span class="more fr">
                <img src="./../images/more.png" alt="">
            </span>
        </div>
        <div class="footer-top">
            <li><a href="">登录</a></li>
            <li><a href="">注册</a></li>
            <li><a href="">返回顶部</a></li>
        </div>
        <div class="footer-bottom">
            <li><a href="">手机APP下载</a> </li>
            <li><a href="">慢慢买手机版</a> </li>
            <li>--</li>
            <li><a href="">掌上比价平台</a> </li>
        </div>
        <p>m.manmanbuy.com</p>
    </section>
</body>
</html>
<script src="./../js/gsproduct.js"></script>